<!DOCTYPE html>  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Prestigie | Premium Wordpress Theme</title>
	<meta name="Description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow,archive" />    
	<meta name="revisit-after" content="1 days" />
	<meta name="robots" content="all" />
	<meta name="google-site-verification" content="" />
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/ico" href="#" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <![endif]-->
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="panorama.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="purple.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="video.css"  />
    <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
	<link href="adipoli.css" rel="stylesheet" type="text/css"/>

	<!-- JavaScripts -->
	<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/retina.js"></script>

<!-- YOUTUBE VIDEO BCKG -->
	  <script src='src/okvideo.js'></script>
	  <script type="text/javascript">
		$(function(){
			$.okvideo({ source: 'http://www.youtube.com/watch?v=gqOhpb5Eqkw', 
						volume: 30, 
						loop: true,
						hd: true, 
						adproof: true,
						onFinished: function() { console.log('finished') },
						unstarted: function() { console.log('unstarted') },
						onPlay: function() { console.log('onplay') },
						onPause: function() { console.log('pause') },
						buffering: function() { console.log('buffering') },
						cued: function() { console.log('cued') },
					 });
		});
	  </script>

<!-- MENU EFFECTS -->
	<script type="text/javascript" src="js/ddlevelsmenu-purple.js"></script>
	
<!-- SCRIPT IMAGES EFFECTS -->
	<script src="js/jquery.adipoli.min.js" type="text/javascript"></script> 
	<script type="text/javascript">
            
            $(function(){
                $('.row1').adipoli({
                    'startEffect' : 'normal',
                    'hoverEffect' : 'popout'
                });
                $('.row2').adipoli({
                    'startEffect' : 'overlay',
                    'hoverEffect' : 'sliceDown'
                });
                $('.row3').adipoli({
                    'startEffect' : 'transparent',
                    'hoverEffect' : 'boxRandom'
                });
                $('.row4').adipoli({
                    'startEffect' : 'overlay',
                    'hoverEffect' : 'foldLeft'
                });
            $('.row5').adipoli({
                'startEffect' : 'overlay',
                'hoverEffect' : 'boxRainGrowReverse'
            });
            $('.row6').adipoli({
                'startEffect' : 'grayscale',
                'hoverEffect' : 'normal'
            });
			$('.row7').adipoli({
                'startEffect' : 'overlay',
                'hoverEffect' : 'boxRandom'
            });
            $('#adipoli-download').fadeTo('slow',1);
        });
            
    </script>
	<script type="text/javascript">
        (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
        })();
    </script>
</script>

<!-- CONTACT FORM -->
	<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
	<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
		<script>
		$(document).ready(function() {
			
			$("#form1").validationEngine({
					ajaxFormValidation: true,
					onBeforeAjaxFormValidation: function() {
						$.ajax({
							url: 'ajaxSubmit.php',
							timeout: 15000,
							type: 'post',
							data: $('#form1').serialize(),
							success: function(html) {
								$("#form1").html('<span>Thank you, We will contact you soon !</span>'); 
							},
							error: function (result) {alert('An error occurred while sending.');}
						});
						return false;
					}
				});

			$("#form1").bind("jqv.form.validating", function() {	
				if ($('#name').val()=='Your Name') $('#name').val('');
				if ($('#email').val()=='E-mail') $('#email').val('');
				if ($('#comment').val()=='Your message') $('#comment').val('');
			});

		
		});
		</script>

<!-- BACK TO THE TOP BUTTON -->
		<script>
		$(document).ready(function(){

			// hide #back-top first
			$("#back-top").hide();
			
			// fade in #back-top
			$(function () {
				$(window).scroll(function () {
					if ($(this).scrollTop() > 100) {
						$('#back-top').fadeIn();
					} else {
						$('#back-top').fadeOut();
					}
				});

				// scroll body to 0px on click
				$('#back-top a').click(function () {
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
			});

		});
		</script>
</head>
<body id="top">
<!-- HEADER -->
<header>
<div class="header-wrapper">
	<div class="header-top"></div>
		<div class="search-wrapper">
			<form class="form-wrapper cf">
			<input type="text" class="f" value="Search here..." onblur="if(this.value == '') { this.value='Search here...'}" onfocus="if (this.value == 'Search here...') {this.value=''}">
			<button type="submit">Search</button>
			</form>
		</div>
	<div class="header-center">
		<div class="header-content">
			<div class="logo"><h1><a href="index.html">Logo Prestigio</a></h1></div>
			<nav>
				<div class="main-menu">
					<div id="navigation">
						<div id="ddtopmenubar" class="mattblackmenu">
						<ul>
						<li><a href="#" data-rel="ddsubmenu1">Homepage</a></li>
						<li><a href="#" data-rel="ddsubmenu2">Subpage</a></li>
						<li><a href="#" data-rel="ddsubmenu3">Blog</a></li>
						<li><a href="panorama.html">Virtual Tour</a></li>
						<li><a href="contact.html">Contact</a></li>
						</ul>
						</div>
						<!--Top Drop Down Menu 1 HTML-->
						<ul id="ddsubmenu1" class="ddsubmenustyle">
						<li><a href="#">1.1 - Parallax slider</a>
							<ul>
							  <li><a href="index-parallax1.html">Content V.1</a></li>
							  <li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
							 </ul>
						</li>
						<li><a href="#">1.2 - Nivo slider - Stripes</a>
							<ul>
							  <li><a href="index-red.html">Red V.1 </a></li>
							  <li><a href="index-blue.html">Blue V.2</a></li>
							  <li><a href="index-green.html">Green V.3</a></li>
							  <li><a href="index-purple.html">Purple V.4</a></li>
							  <li><a href="index-gold.html">Goldish V.5</a></li>
							</ul>
						</li>
						<li><a href="#">1.3 - Video Background</a>
							<ul>
							  <li><a href="video1.html">Video Background V.1</a></li>
							  <li><a href="video2.html">Video Background V.2</a></li>
							  <li><a href="panorama.html">Video Background V.3</a></li>
							</ul>
						</li>
						<li><a href="#">1.4 - Cycle Slider</a>
						  <ul>
						  <li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
						  <li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
						  <li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
						  <li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
						  <li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
						  </ul>
						</li>
						<li><a href="index-elastic.html">1.5 - Elastic Slider</a>
						  <ul>
						  <li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
						  <li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
						  <li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
						  </ul></li>
						<li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
						</ul>
						<!--Top Drop Down Menu 2 HTML-->
						<ul id="ddsubmenu2" class="ddsubmenustyle">
						<li><a href="#">About</a></li>
						<li><a href="#">Gallery</a>
						  <ul>
							<li><a href="portfolio1.html">2.1 - Classic</a></li>
							<li><a href="portfolio2.html">2.2 - Filter Effect V.1</a></li>
							<li><a href="portfolio3.html">2.3 - Filter Effect V.2</a></li>
							<li><a href="#">2.4 - With LightBox</a></li>
						  </ul>
						</li>
						<li><a href="#">Single Project</a>
						  <ul>
							<li><a href="single-project.html">3.1 - V.1 Wooden</a></li>
							<li><a href="single-project2.html">3.2 - V.2 Light</a></li>
						  </ul>
						 </li>
						</ul>
						<!--Top Drop Down Menu 3 HTML-->
						<ul id="ddsubmenu3" class="ddsubmenustyle">
							<li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
							<li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
							<li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
							<li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
</div>
</header>

<div class="clear"></div>

<!-- CONTENT -->
<div class="container">
	<div class="panorama-content">Video</div>
</div>

<div class="clear"></div>
<footer>
<div id="footer-top">
	<div class="footer-nav">
    <div id="global-footer">
	<nav>
		<div class="footer-left">
		<div class="section">
		  <h3>Biz Stuff</h3>
		  <ul>
			<li><a href="#">Privacy Policy</a></li>
			<li><a href="#">Terms and Conditions</a></li>
			<li><a href="#">Secure Site</a></li>
			<li><a href="#">Affiliate Program</a></li>
		  </ul>
		</div>

		<div class="section">
		  <h3>Customer Service</h3>
		  <ul>
			<li><a href="#">About Us</a></li>
			<li><a href="#">FAQ</a></li>
			<li><a href="#">Customer Testimonials</a></li>
			<li><a href="#">Contact Us</a></li>
		  </ul>
		</div>
		<div class="section">
		  <h3>Socialize</h3>
		  <ul>
			<li class="gplus-icon"><a href="#">Google +</a></li>
			<li class="facebook-icon"><a href="#">Facebook</a></li>
			<li class="twitter-icon"><a href="#">Twitter</a></li>
			<li class="linkedin-icon"><a href="#">LinkedIn</a></li>
		  </ul>
		</div>
		</div>
	</nav>
	<div class="section-form">
	  <h3>Contact</h3>
	  <div id="form-div">
		<form class="form" id="form1">
		  <p class="name">
			<input name="name" type="text" class="validate[required,minSize[2]] text-input" id="name" value="Your Name" onfocus="if (this.value == 'Your Name') {this.value=''}" />
		  </p>
		  <p class="email">
			<input name="email" type="text" class="validate[required,custom[email]] text-input" id="email" value="E-mail" onfocus="if (this.value == 'E-mail') {this.value=''}" />
		  </p>
		  <p class="text">
			<textarea name="text" class="validate[required,minSize[6]] text-input" id="comment" onfocus="if (this.value == 'Your message') {this.value=''}">Your message</textarea>
		  </p>
		  <p class="send">
			<input type="submit" value="Send" />
		  </p>
		</form>
	  </div>
    </div>
	</div>
	</div>
	<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
</div>
<div class="footer-bottom">
	<div id="copyright"><p>Copyright <a href="#">Prestigie</a> 2013. All rights reserved. |  Created by <a href="http://www.spundo.com">Spundo</a></p></div>
</div>
</footer>
<!--Top Drop Down Menu Script-->
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>
</body>
</html>